<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('智慧校园-试卷打印')" />
</head>
<style>
    .input_line{
        border-bottom: 1px solid #000;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        outline: none;
    }

</style>
<body class="white-bg">
<div class="navbar navbar-inverse navbar-fixed-top ">
    <div class="container-fluid">
        <button class="fa fa-print btn btn-primary btn-sm " onclick="print()">打印</button>
    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight ibox-content" id="print_content" style="margin-top: 28px;">
    <div class="row" id="form-psychologicaRecord-add" >
        <div class="col-sm-12 m-auto text-center">
            <h3><span th:text="${date}"></span>错题练习卷</h3>
        </div>


        <div th:each="type,stat:${map}" class="col-sm-12">
            <h4 th:if="${type.key == 1}">[[${stat.index+1}]].单项选择题部分</h4>
            <h4 th:if="${type.key == 2}">[[${stat.index+1}]].填空题部分</h4>
            <h4 th:if="${type.key == 3}">[[${stat.index+1}]].简答题部分</h4>
            <h4 th:if="${type.key == 4}">[[${stat.index+1}]].多项选择题部分</h4>
            <h4 th:if="${type.key == 5}">[[${stat.index+1}]].汉译英部分</h4>
            <h4 th:if="${type.key == 6}">[[${stat.index+1}]].英译汉部分</h4>
            <h4 th:if="${type.key == 7}">[[${stat.index+1}]].论述题部分</h4>

            <div class="col-sm-12 checkbox m-l m-r-xs" th:each="questionList,qt:${type.value}">


                <div  th:each="question,questionStat:${questionList}">
                    <!--显示正确答案-->
                    <div th:if="${type.key eq 1 || type.key eq 4}">
                        <strong class="col-sm-12 text-left" >[[${qt.index+1}]].<span th:utext="${question.content}"></span></strong>

                        <div class="col-sm-10 checkbox m-l m-r-xs" th:each="answer:${question['answerList']}">
                            <!--单选-->
                            <div th:if="${question['type']} eq 1">
                                    <label>
                                        <span th:utext="${answer['content']}"></span>
                                    </label>
                            </div>
                            <!--多选-->
                            <div th:if="${question['type']} eq 4">
                                    <label>
                                        <span th:utext="${answer['content']}"></span>
                                    </label>
                            </div>

                        </div>
                    </div>

                    <!--填空题-->
                    <div th:if="${type.key eq 2} " class="col-sm-12">
                        <strong class="m-b-lg">[[${qt.index+1}]]. </strong> <span th:utext="${question.content}"></span>

                    </div>

                    <!--简答题-->
                    <div th:if="${type.key eq 3 || type.key eq 5 || type.key eq 6} " class="col-sm-12">
                        <strong class="m-b-lg">[[${qt.index+1}]].</strong> <span th:utext="${question.content}"></span>
                        <br/>
                        <br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>

                    </div>

                    <!--论述题-->
                    <div th:if="${type.key} eq 7" class="col-sm-12">
                        <strong class="m-b-lg">[[${qt.index+1}]].</strong> <span th:utext="${question.content}"></span>
                        <br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                        <hr/><br/>
                    </div>

                </div>

            </div>


        </div>


    </div>



</div>
<th:block th:include="include :: footer" />
<script th:src="@{/jasonday-printThis/printThis.js}"></script>
<script type="text/javascript">
    function print(){
        $("#print_content").printThis();
    }
</script>
</body>
</html>